$(function(){
    function bd(obj1,obj2,obj3,len){
        var l=0;
        
        $(obj1).on("click",function(){
            if (l==(-286*len)) {
              $(obj3).animate({left: 0}, 500);  
              l=0;
            }else{
                l-=286;
                $(obj3).animate({left: l+"px"}, 200);
            }
        })
        $(obj2).on("click",function(){
            if (l==0) {
              $(obj3).animate({left: (-286*len)+"px"}, 500);  
              l=(-286*len);
            }else{
                l+=286
                $(obj3).animate({left: l+"px"}, 200);
            }
        })
    }
for(var i=0;i<5;i++){
    var len=$(".pics").eq(i).children(".item").size()-3;
    var b1=$(".flowerBox:eq("+i+") .left");
    var a1=$(".flowerBox:eq("+i+") .right");
    var c1=$(".flowerBox:eq("+i+") .pics");
    bd(a1,b1,c1,len);
}

        
    
 //----------------------banner轮播
    //初始化  把所有的li的透明度改为0 然后显示第一个li元素
    $(".banner .img li").css({
        opacity: 0
    }).eq(0).css({
        opacity: 1
    })

    //初始化显示第一个按钮状态
    $(".banner .btn li").eq(0).css({
        background: "#757175"
    })

    function show(cur) {
        //显示一张图片
        $(".banner .img li").eq(cur).animate({
            opacity: 1
        }, 1000)

        //隐藏一张图片
        $(".banner .img li").eq(cur - 1).animate({
            opacity: 0
        }, 1000)

        //显示按钮状态
        $(".banner .btn li").eq(cur).css({
            background: "#757175"
        }).siblings().css({ 
            background: "#fff"
        })
    }

    //单图动画
    function ani() {
        cur++;
        if(cur == $(".banner .img li").size()) {
            cur = 0
        }
        show(cur);
    }
    var cur = 0;
    var timer = setInterval(ani, 3000);

    //鼠标悬停按钮上 显示相应的图片
    $(".banner .btn li").on("mouseenter", function() {
        btn_show($(this).index());
        cur = $(this).index();
    })
    
    //显示当前悬停按钮所对应的图片
    function btn_show(cur) {
        //显示一张图片
        $(".banner .img li").eq(cur).animate({
            opacity: 1
        }).siblings().animate({
            opacity: 0
        })

        //显示按钮状态
        $(".banner .btn li").eq(cur).css({
            background: "#757175"
        }).siblings().css({
            background: "#fff"
        })
    }
    
    

    //鼠标悬停在图片上停止定时器   离开时启动定时器
    $(".banner").hover(
        function() {
            clearInterval(timer);
        },
        function() {
            timer = setInterval(ani, 3000);
        }
    );


  
})


//----------------------侧边栏
    //返回顶部初始化隐藏
    $(".sidebarIcon .bottom .li2").css({
        display: "none"
    })

    //窗口滚动时 显示/隐藏返回按钮
    $(window).scroll(function() {
        if($(document).scrollTop() >= $(".header").offset().top) {
            $(".sidebarIcon .bottom .li2").css({
                display: "block"
            })
        } else {
            $(".sidebarIcon .bottom .li2").css({
                display: "none"
            })
        }
    })

    //返回顶部
    $(".sidebarIcon .bottom .li2").on("click", function() {
        $("body").animate({
            scrollTop: 0
        },200)
    })

